<div class="cont">
    <!--页面遮罩层-->
    <!--二级标题-->
    <div class="position" id="page_title">
        <img alt="位置图标" src="dist/images/position.png" />风控管理&gt;违规罚款
        <a ng-click="openDetail('',index_key)" ng-hide="$needClientCache" title="打开新窗口查看"><i class="large External icon"></i></a>
     <!--二级标题-->
    <style type="text/css">    
        .add_obj{ position: absolute; right: -26px; top: 5px; cursor: pointer;}
        .message_all{ margin-top: 10px;  }
        .message_left{ float: left; margin-right: 10px; background: #fff; width: calc(100% - 410px); padding: 12px; min-height: 700px; margin-bottom: 12px;}
        .message_right{ float: left; width: 400px; background: #fff; border:1px solid #d4d4d5; border-radius: 4px;min-height: 700px;}
        .ui.send.menu{ background: #fff; color: #333 }
        .ui.send.menu span{ line-height: 38px; margin-left: 60px; color: #666; float: left;}
        .mt12{ margin-top: 12px;}
        .imgsegment_add{ padding: 20px 0; text-align: center; }
        .imgsegment_add i{ cursor: pointer; }
        .imgsegment_up{ display: none; margin: 10px 0;}
        .imgsegment_up img,.imgsegment_up span{ vertical-align: middle; margin-left: 12px;} 
        .show_top{ position: relative; border-bottom: 1px solid #e5e5e5;}
        .covertext{ background: #eee; height: 100% }
        .covertext p{ text-align: center; color: #666;}
        .covertext p:nth-child(1){ padding-top: 50px;}
        .coverimg{ margin: 10px; border:1px solid #ccc; position: relative; height: 190px; overflow: hidden;}
        .coverimg img{ width: 100%}
        .covertitle{ position: absolute; bottom: 0; height: 40px; line-height: 40px; background: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; opacity: .5; width: 100%; color: #fff; padding:0  12px}
        .show_top .item_action{ height: 40px; line-height: 40px; position: absolute; bottom: 0; width: 100%; background: rgba(34,37,40,.4); color: #fff; display: none;} 
        .show_top:hover .item_action{ display: block;} 
        .show_top .item_action i{ cursor: pointer; opacity: 0.8;}
        .show_top .item_action span{ width: 80px; display: inline-block;}
        .show_top .item_action .trash{ margin-left: 284px;}

        .show_item{ height: 100px; overflow: hidden; border-bottom: 1px solid #e5e5e5; position: relative;}
        
        .show_item .box{ margin: 10px; }
        .show_item .box .img{ overflow: hidden; float: right; width: 80px; height: 80px; background: #eee;}
        .show_item .box .img img{ width: 100%;}
        .show_item .item_action{ height: 40px; line-height: 40px; position: absolute; bottom: 0; width: 100%; background: rgba(34,37,40,.4); color: #fff; display: none;} 
        .show_item .item_action i{ cursor: pointer; opacity: 0.8;}
        .show_item .item_action span{ width: 80px; display: inline-block;}
        .show_item .item_action .trash{ margin-left: 284px;}
        .show_item:hover .item_action{ display: block;}

        .show_bottom{ color: #666; height: 100px; overflow: hidden; border-bottom: 1px solid #e5e5e5; position: relative;}
        .show_bottom .add_item{ margin: 10px; border:1px dashed #eee; height: 80px; line-height: 80px; text-align: center; cursor: pointer;}
        .show_bottom .item_action{ height: 40px; line-height: 40px; position: absolute; bottom: 0; width: 100%; background: rgba(34,37,40,.4); color: #fff; display: none;} 
        .show_bottom .item_action i{ cursor: pointer; opacity: 0.8;}
        .show_bottom .item_action span{ width: 80px; display: inline-block;}
        .show_bottom .item_action .trash{ margin-left: 284px;}
        .show_bottom:hover .item_action{ display: block;}
        .add.modal .ui.checkbox{ line-height: 22px; display: block; }
        .add.modal .ui.checkbox label{ padding-left: 4px}
        .add.modal .ui.checkbox label:before{ top: 3px; right: 4px; left: inherit;}
        .add.modal .ui.checkbox label:after{ right: 4px; left: inherit;}
        .add.modal .ui.tab{ max-height: 420px; overflow: auto; }
        .delivery.modal .content{ max-height: 600px; overflow: auto; }
        .delivery.modal .del_wrap{ display: flex; }
        .delivery.modal .del_left{ flex: 0.25; border-right: 1px solid #666; padding-right: 2% }
        .delivery.modal .del_right{ flex: 0.75; padding-left: 2%; }

    </style>
     <!-- 搜索区域 -->
    <div class="cont_fr_top">
        <div class="menus">
            <div class="menus_con">
                <div class="ui form">
                    <div class="three fields">
                        <div class="inline field">
                            <label style="margin-left: 1em">企业号</label>
                            <div class="ui input">
                                <select name="skills" class="ui dropdown">
                                    <option value="">请选择</option>
                                    <option value="angular">Angular</option>
                                    <option value="css">CSS</option>
                                </select>
                            </div>
                        </div>
                        <div class="inline field">
                            <label>栏目</label>
                            <div class="ui input">
                                <select name="skills" class="ui dropdown">
                                    <option value="">请选择</option>
                                    <option value="angular">Angular</option>
                                    <option value="css">CSS</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="fields">
                        <div class="inline field" style="position: relative;s">
                            <label>发送对象</label>
                            <div class="ui input" style="width: 700px">
                                <select name="skills" multiple="" class="ui dropdown" style="width: 100%; padding: .6em 2.1em .4em 0.5em; min-height: 32px;">
                                    <option value="">搜索套餐、标签或订户</option>
                                    <option value="angular">Angular</option>
                                    <option value="css">CSS</option>
                                    <option value="ember">Ember</option>
                                    <option value="html">HTML</option>
                                    <option value="javascript">Javascript</option>
                                    <option value="meteor">Meteor</option>
                                    <option value="node">NodeJS</option>
                                </select>
                            </div>
                            <div class="add_obj"><i class="add large icon"></i></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 图文区域 -->
    <div class="message_all">
        <div class="message_left">
            <div class="ui large pointing secondary menu send">
                <a class="item active" data-tab="first">图文</a>
                <a class="item" data-tab="second">文件</a>
                <a class="item" data-tab="third">外链</a>
                <a class="item" data-tab="four">文字</a>
                <a class="item" data-tab="five">图片</a>
                <span class="choice_cont"><a>从知识库中选择</a></span>
            </div>
            <div class="ui form mt12">
                <!--图文部分-->
                <div class="ui tab segment active" data-tab="first">
                    <div class="inline field required">
                        <label>文章标题</label>
                        <input type="text" placeholder="最多可输入64个字" name="articaltitle" ng-model="param.title" maxlength="64" style="width: calc(100% - 78px)">
                    </div>
                    <div class="inline fields">
                        <label style="margin-right: 2em;">封面图片</label>
                        <button class="cont_f_btn1" ng-model="img" ng-change="addImgChange(img)" ngf-select>上传图片</button>
                        <div class="ui checkbox" style="margin-left:10px">
                            <input type="checkbox" name="addfirsttabchk" ng-click="is_display()" ng-disabled="chkdisabled">
                            <label>是否在正文显示</label>
                        </div>
                        <!--<input type="checkbox" name="addfirsttabchk" ng-click="is_display()" class="ui checkbox">
                        <label>是否在正文显示</label>-->
                        <div class="ui icon message" ng-show="is_uploadingimg">
                            <i class="notched circle loading icon"></i>
                            <div class="content">
                                <div class="header">请耐心等待，文件正在上传中....</div>
                            </div>
                        </div>
                    </div>
                    <div class="inline fields">
                        <div ng-show='img.path' class="cover_img">
                            <div class="add_img">
                                <img ng-src="{{img.path}}" width="108px" height="108px" />
                                <div class="x_icon" ng-click="delFirstImg()"></div>
                            </div>
                        </div>
                    </div>
                    <div class="inline field required">
                        <label>文章作者</label>
                        <input type="text" placeholder="最多可输入8个字" name="articalauthor" ng-model="param.author" maxlength="8" style="width: calc(100% - 78px)">
                    </div>
                    <div class="field">
                        <label class="fl">摘要上传</label><span class="fl">（若不填写，默认抓取前54个字）</span>
                        <textarea ng-model="param.abstract" rows="2" name="articalabstract" placeholder="最多可输入120个字" maxlength="120"></textarea>
                    </div>
                    <div class="field required">
                        <label>文章正文</label>
                        <div id="add_tempaltevalue" name="articaltemplete" ng-model="param.templete" contenteditable ng-Model="richtxtAdd" style="height:200px;"></div>
                        <input type="hidden" id="add_tempalte" name="add_tempalte" />
                    </div>
                    <div class="inline fields">
                        <label style="margin-right: 1.2em;">附件上传</label>
                        <button class="cont_f_btn1" ng-model="file" ng-change="addChange(file)" ngf-select name="import_file" ngf-pattern="'.txt,.pdf,.zip,.doc,.ppt,.xls,.docx,.pptx,.xlsx'" ngf-accept="'.txt,.pdf,.zip,.doc,.ppt,.xls,.docx,.pptx,.xlsx'" ngf-max-size="20MB">上传附件</button>
                        <div ng-repeat="addfile in addfilesparam.addfiles" class="fl addfile">
                            <span type='text'>{{addfile.name}}</span><i class="delete icon" ng-click="delFile()"></i>
                        </div>
                        <div class="ui icon message" ng-show="is_uploading">
                            <i class="notched circle loading icon"></i>
                            <div class="content">
                                <div class="header">请耐心等待，文件正在上传中....</div>
                            </div>
                        </div>
                    </div>
                    <div class="inline field">
                        <label>原文链接</label>
                        <input type="text" placeholder="原文链接" name="articalurl" ng-model="param.url" style="width: calc(100% - 78px)">
                    </div>
                </div>
                <!--文件部分-->
                <div class="ui tab segment" data-tab="second">
                    <div class="inline fields" style="margin: 10px 0;">
                        <label style="margin-right: 2em;">附件上传</label>
                        <button ng-model="transfile" ng-change="addUpload(transfile)" ngf-select name="import_file" ngf-pattern="'.txt,.pdf,.zip,.doc,.ppt,.xls,.docx,.pptx,.xlsx'" ngf-accept="'.txt,.pdf,.zip,.doc,.ppt,.xls,.docx,.pptx,.xlsx'" ngf-max-size="20MB">上传附件</button>
                        <span type='text' style="margin-left: 8px;">{{uploadfile.name}}</span>
                        <div class="field" style="margin-left:10px">
                            <div id="add_sty"></div>
                        </div>
                        <div class="ui icon message" ng-show="is_uploading">
                            <i class="notched circle loading icon"></i>
                            <div class="content">
                                <div class="header">请耐心等待，文件正在上传中....</div>
                            </div>
                        </div>
                    </div>
                    <div class="inline field required">
                        <label>文件名称</label>
                        <input type="text" name="secondfilename" ng-model="param.filetitle" placeholder="最多输入64个字" maxlength="64" style="width: calc(100% - 78px)">
                    </div>
                </div>
                <!--链接部分-->
                <div class="ui tab segment" data-tab="third">
                    <div class="inline field required">
                        <label>文章标题</label>
                        <input type="text" placeholder="最多输入64个字" name="thirdarticaltitle" ng-model="param.urltitle" maxlength="64" style="width: calc(100% - 78px)">
                    </div>
                    <div class="inline fields">
                        <label style="margin-right: 2em;">封面图片</label>
                        <button class="cont_f_btn1" ng-model="urlimg" ng-change="addUrlImgChange(urlimg)" ngf-select>上传图片</button>

                        <div class="ui checkbox" style="margin-left:10px">
                            <input type="checkbox" name="addthirdtabchk" ng-click="thirdtabcheckbox()" ng-disabled="thirdchkdisabled">
                            <label>是否在正文显示</label>
                        </div>
                        <!--<input type="checkbox" name="addthirdtabchk" class="onload_checkbox" ng-click="thirdtabcheckbox()">
                        <label>是否在正文显示</label>-->
                        <div class="ui icon message" ng-show="is_uploadingimg">
                            <i class="notched circle loading icon"></i>
                            <div class="content">
                                <div class="header">请耐心等待，文件正在上传中....</div>
                            </div>
                        </div>
                    </div>
                    <div class="inline fields">
                        <div ng-show='urlfirstimg' class="cover_img">
                            <div class="add_img">
                                <img ng-src="{{urlfirstimg.path}}" width="108px" height="108px" />
                                <div class="x_icon" ng-click="delFirstImg()"></div>
                            </div>
                        </div>
                    </div>
                    <div class="field">
                        <label>摘要上传</label>
                        <textarea ng-model='param.urlabstract' name="thirdarticalabstract" placeholder="" maxlength="120"></textarea>
                    </div>
                    <div class="inline field required">
                        <label>原文链接</label>
                        <input type="text" placeholder="原文链接" name="thirdarticalurl" ng-model="param.outerUrl" style="width: calc(100% - 78px)">
                    </div>
                </div>
                <!-- 文字部分 -->
                <div class="ui tab segment" data-tab="four">
                    <textarea ng-model="param.abstract" rows="6" name="articalabstract" maxlength="600" placeholder="在这里输入文字..."></textarea>
                </div>
                <!-- 图片部分 -->
                <div class="ui tab segment imgsegment" data-tab="five">
                    <div class="imgsegment_add">
                        <div><i class="big add icon"></i></div>
                        <div>上传图片</div>
                    </div>
                    <div class="imgsegment_up">
                        <img src="dist/images/cat.png" style="width: 100px">
                        <span>cat.png</span>
                        <span><a href="" class="delete">删除</a></span>
                    </div>
                </div>
            </div>
      
        </div>
        <div class="message_right">
            <div class="ui tab active" data-tab="first">
                <div class="show_top">
                    <div class="coverimg">
                        <div class="covertext">
                            <p>封面图片</p>
                            <p>推荐尺寸:900像素*500像素</p>
                        </div>
                        <!-- <img src="dist/images/cat.png"> -->
                        <div class="covertitle">标题</div>
                    </div>
                 <!--    <div class="item_action">
                        <span>
                            <i class="large angle up icon"></i>
                            <i class="large angle down icon"></i>
                        </span>
                        <i class="large trash icon"></i>
                    </div> -->
                </div>
                <div class="show_item">
                    <div class="box clearfix">
                        <div class="title fl">标题</div>
                        <div class="img">
                            <!-- <img src="dist/images/cat.png"> -->
                        </div>
                    </div>
                    <div class="item_action">
                        <span>
                            <i class="large angle up icon"></i>
                            <i class="large angle down icon"></i>
                        </span>
                        <i class="large trash icon" onclick="deleteShowItem(this)"></i>
                    </div>
                </div>
                <div class="show_bottom">
                    <div class="add_item"><i class="big add icon"></i></div>
                </div>
            </div>
            <div class="ui tab" data-tab="second">2</div>
            <div class="ui tab" data-tab="third">3</div>
            <div class="ui tab" data-tab="four">4</div>
            <div class="ui tab" data-tab="five">5</div>
        </div>
    </div>
   <!-- 添加发送对象 -->
    <div class="ui small add modal">
        <i class="close icon"></i>
        <div class="header_h4">选择发送对象</div>
        <div class="content">
            <form>
                 <div class="ui form">
                    <div class="fields">
                        <div class="field">
                            <div class="ui input" style="width: 100%">
                                <select multiple="" name="skills" class="ui fluid multiple search normal selection dropdown" id="skills">
                                    <option value="">Skills</option>
                                    <option value="angular">Angular</option>
                                    <option value="css">CSS</option>
                                    <option value="design">Graphic Design</option>
                                    <option value="ember">Ember</option>
                                    <option value="html">HTML</option>
                                    <option value="ia">Information Architecture</option>
                                    <option value="javascript">Javascript</option>
                                    <option value="mech">Mechanical Engineering</option>
                                    <option value="meteor">Meteor</option>
                                    <option value="node">NodeJS</option>
                                    <option value="plumbing">Plumbing</option>
                                    <option value="python">Python</option>
                                    <option value="rails">Rails</option>
                                    <option value="react">React</option>
                                    <option value="repair">Kitchen Repair</option>
                                    <option value="ruby">Ruby</option>
                                    <option value="ui">UI Design</option>
                                    <option value="ux">User Experience</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="ui pointing secondary menu send">
                            <a class="item active" data-tab="group">套餐</a>
                            <a class="item" data-tab="tag">标签</a>
                        </div>
                        <div class="ui tab active" data-tab="group">
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="0" class="hidden">
                                <label>主力梅花桩（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <label>全部模式（晓赢）</label>
                                <input type="checkbox" name="fun" tabindex="1" class="hidden">
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="2" class="hidden">
                                <label>强势调整（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="3" class="hidden">
                                <label>主力梅花桩（晓赢）</label>
                            </div>
                             <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="4" class="hidden">
                                <label>主力梅花桩（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <label>全部模式（晓赢）</label>
                                <input type="checkbox" name="fun" tabindex="5" class="hidden">
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="6" class="hidden">
                                <label>强势调整（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="7" class="hidden">
                                <label>主力梅花桩（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <label>全部模式（晓赢）</label>
                                <input type="checkbox" name="fun" tabindex="5" class="hidden">
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="6" class="hidden">
                                <label>强势调整（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="7" class="hidden">
                                <label>主力梅花桩（晓赢）</label>
                            </div>
                              <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="6" class="hidden">
                                <label>强势调整（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="7" class="hidden">
                                <label>主力梅花桩（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <label>全部模式（晓赢）</label>
                                <input type="checkbox" name="fun" tabindex="5" class="hidden">
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="6" class="hidden">
                                <label>强势调整（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="7" class="hidden">
                                <label>主力梅花桩（晓赢）</label>
                            </div>
                              <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="6" class="hidden">
                                <label>强势调整（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="7" class="hidden">
                                <label>主力梅花桩（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <label>全部模式（晓赢）</label>
                                <input type="checkbox" name="fun" tabindex="5" class="hidden">
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="6" class="hidden">
                                <label>强势调整（晓赢）</label>
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="7" class="hidden">
                                <label>主力梅花桩（晓赢）</label>
                            </div>
                        </div>
                        <div class="ui tab" data-tab="tag">
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="0" class="hidden">
                                <label>主力梅花桩（晓赢）服务中</label>
                            </div>
                            <div class="ui checkbox checked">
                                <label>全部模式（晓赢）还有三天到期</label>
                                <input type="checkbox" name="fun" tabindex="1" class="hidden">
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="2" class="hidden">
                                <label>强势调整（晓赢）已到期</label>
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="3" class="hidden">
                                <label>主力梅花桩（晓赢）已退费</label>
                            </div>
                             <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="4" class="hidden">
                                <label>主力梅花桩（晓赢）还有三天到期</label>
                            </div>
                            <div class="ui checkbox checked">
                                <label>全部模式（晓赢）服务中</label>
                                <input type="checkbox" name="fun" tabindex="5" class="hidden">
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="6" class="hidden">
                                <label>强势调整（晓赢）已到期</label>
                            </div>
                            <div class="ui checkbox checked">
                                <input type="checkbox" name="fun" tabindex="7" class="hidden">
                                <label>主力梅花桩（晓赢）服务中</label>
                            </div>
                        </div>
                    </div>
                   
            </form>
        </div>
        <div class="actions">
            <button class="ui green button positive">确定</button>
            <button class="ui grey button negative">取消</button>
        </div>
    </div>
    <!-- 选择发送内容 -->
    <div class="ui large delivery modal">
        <i class="close icon"></i>
        <div class="header_h4">选择发送内容</div>
        <div class="content">
            <form>
                <div class="del_wrap">
                    <div class="del_left">
                        <div class="treemenu boxed">树结构</div>
                    </div>
                    <div class="del_right">
                        <table class="ui celled striped table">
                            <thead>
                                <tr>
                                    <th style="width: 14px"></th>
                                    <th>发布时间</th>
                                    <th>文章标题</th>
                                    <th>作者</th>
                                    <th>所属部门</th>
                                    <th>类型</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="ui radio checkbox">
                                            <input type="radio" name="radio" tabindex="001" class="hidden">
                                            <label></label>
                                        </div>
                                    </td>
                                    <td>2017-06-21 15:27:47</td>
                                    <td>规范</td>
                                    <td>小明</td>
                                    <td>天津分公司</td>
                                    <td>图文</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="ui radio checkbox">
                                            <input type="radio" name="radio" tabindex="001" class="hidden">
                                            <label></label>
                                        </div>
                                    </td>
                                    <td>2017-06-21 15:27:47</td>
                                    <td>规范2</td>
                                    <td>张三</td>
                                    <td>天津分公司</td>
                                    <td>图文</td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="ui radio checkbox">
                                            <input type="radio" name="radio" tabindex="001" class="hidden">
                                            <label></label>
                                        </div>
                                    </td>
                                    <td>2017-06-21 15:27:47</td>
                                    <td>规范3</td>
                                    <td>李四</td>
                                    <td>天津分公司</td>
                                    <td>图文</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </form>
        </div>
        <div class="actions">
            <button class="ui green button positive">确定</button>
            <button class="ui grey button negative">取消</button>
        </div>
    </div>

    <script type="text/javascript">
        //tab切换菜单 
        $('.menu .item').tab();
        //图片tab添加图片
        $('.imgsegment .add').on("click",function(){
            $('.imgsegment_add').hide();
            // 传递上传图片的示例图和名字
            $('.imgsegment_up').show();
        })

        //删除上传图片
        $('.imgsegment_up .delete').on("click",function(){
            $(this).closest('.imgsegment_up').hide();
            $('.imgsegment_add').show()
        })

        //添加右侧内容 
        
        //add弹出层
        $('.add_obj').on("click",function(){
            $('.add.modal').modal({
                autofocus:false
            }).modal("show");
        })
        // checkbox 初始化
        $('.add.modal .checkbox').checkbox();

        //delivery弹出层
        $('.choice_cont').on("click",function(){
            $('.delivery.modal').modal({
                autofocus:false
            }).modal("show");
        })
        // checkbox 初始化
        $('.delivery.modal .checkbox').checkbox();

        //增加一个新的图文预览
        $('.add_item').on("click",function(){
            var str = '<div class="show_item">' 
                        +'<div class="box clearfix">'
                            +'<div class="title fl">标题</div>'
                                +'<div class="img">'
                            +'</div>'
                        +'</div>'
                        +'<div class="item_action">'
                            +'<span>'
                                +'<i class="large angle up icon"></i>'
                                +'<i class="large angle down icon"></i>'
                            +'</span>'
                            +'<i class="large trash icon" onclick="deleteShowItem(this)"></i>'
                        +'</div>'
                    +'</div>' ;

            $(this).closest('.show_bottom').before(str);

        })

        //删除当前图文 
        function deleteShowItem(obj){
            $(obj).closest('.show_item').remove();
        }
      



    </script>
</div>